<!DOCTYPE html>
<!--什么事表单
表单就是html页面中，用来收集用户信息的所有元素集合，然后把这些信息发送给服务器-->
<html>
	<head>
		<meta charset="utf-8">
		<title>表单的显示</title>
	</head>
	<body>
		<!--
		form标签就是表单
		    input type=text是文本输入框   value属性设置默认值
			input type=password是密码输入框  value属性设置默认值
			input type=radio是单选框   name属性可以对其进行分组  checket=checket表示默认选中
			input type=checkbox 是复选框   checket=checket是默认选项
		     select 标签是下拉列表框
			 option 标签是下拉列表框中的选项，select=select设置默认选项
			 textarea表示多行输入文本框(起始标签和结束标签之间的内容是默认值)
			 rows显示可以显示几行的高度
			 cols属性显示每行可以显示字符宽度
			 input type=reset 是重置按钮   value修改按钮上的属性
			 
			 
			 
			 
			 form标签是表单标签
			 action属性设置提交的服务器地址
			 method属性设置提交的方式get(默认值)或者post
			 
			 表单没有提交的时候，数据没有发送给服务器的三种情况，
			 1：表单项没有name属性
			 2：单选，复选，(下拉列表中的option标签)都需要添加value属性，以便发送给服务器
			 3:表单项不在form标签中
			 
			 
			 
			 
			 margin-right:auto
			 
			 
			 
			 
			 
			 
			 
			 
		-->
		<form action="" method="">
			<table align="center">
				<caption style="font-size:40px;">用户注册</caption>
				<tr>
					<td>用户名称:</td>
					<td><input type="text" value="默认值" /></td>
				</tr>
				<tr>
					<td>用户密码:</td>
					<td><input type="password" value="123456" maxlength="" /></td>
				</tr>
				<tr>
					<td>确认密码:</td>
					<td><input type="password" value="123456" /></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td><input type="radio" checked="checked" value="boy">男<input type="radio" value="girl" />女</td>
				</tr>
				<tr>
					<td>兴趣爱好</td>
					<td><input type="checkbox" />足球<input type="checkbox" />篮球<input type="checkbox" />兵乓球</td>
				</tr>
				<tr>
					<td>国籍:</td>
					<td><select>
							<option>--请选择国籍--</option>
							<option>中国</option>
							<option>法国</option>
							<option>日本</option>
						</select></td>
				</tr>
				<tr>
					<td>自我评价</td>
					<td><textarea rows="10" cols="10">默认值</textarea></td>
				</tr>
				<tr>
					<td><input type="reset" value="修改" </td>
					<td><input type="submit" value="提交" </td>
					<td align="center"><input type="button" value="按钮" </td>

				</tr>


				<!-- 	<tr>
						<td><input type="file"</td>
					</tr> -->
			</table>
			<fieldset>
				<label></label> <legend></legend>
				<optgroup></optgroup>
			</fieldset>
		</form>
	</body>
</html>
